<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
    <style>
        textarea {
          resize: none; /* 禁用右下角拖拽 */
          width: 300px; /* 设置固定宽度 */
          height: 150px; /* 设置固定高度 */
          border: 1px solid #ccc; /* 添加边框样式 */
          padding: 10px; /* 添加内边距 */
          font-size: 16px; /* 字体大小 */
        }
      </style>
</head>
<body>
    <!-- 无序列表 -->
    <ul>
        <li>无序列表1</li>
        <li>无序列表2</li>
        <li>无序列表3</li>
    </ul>

    <!-- 有序列表 -->
    <ol>
        <li>有序列表1</li>
        <li>有序列表2</li>
        <li>有序列表3</li>
    </ol>

    <dl>
        <dt>定义列表dt</dt>
        <dd>定义列表dd</dd>
        <dd>定义列表dd</dd>
    </dl>

    <!-- table表格 -->
     <table border="1">
        <tr>
            <th>姓名</th>
            <th>语文</th>
            <th>数学</th>
            <th>总分</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>100</td>
            <td>100</td>
            <td>200</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>99</td>
            <td>99</td>
            <td>198</td>
        </tr>
        <tr>
            <td>总结</td>
            <td>td标签</td>
            <td>td标签</td>
            <td>td标签</td>
        </tr>
     </table>

     <table border="1">
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>100</td>
                <td>100</td>
                <td>200</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>99</td>
                <td>99</td>
                <td>198</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总结</td>
                <td colspan="3">全市第一</td>
            </tr>
        </tfoot>
     </table>
     文本框: <input type="文本">
     <br><br>
     密码框: <input type="password">
     <br><br>
     单选框: <input type="radio">
     <br><br>
     多选框: <input type="checkbox"><input type="checkbox">
     <br><br>
     上传文件: <input type="file">

     <!-- input 占位文本 -->
      文本框: <input type="text" placeholder="请输入用户名">
      <br><br>
      密码框: <input type="password" placeholder="请输入密码">

      <!-- 单选框 -->
       性别:
       <input type="radio" name="gender">男
       <input type="radio" name="gender">女

        <!-- 上传多个文件 -->
        上传文件: <input type="file" multiple>

    <!-- 多选框 -->
        兴趣爱好:
        <input type="checkbox"> 爱好1
        <input type="checkbox" checked> 爱好2
        <input type="checkbox" checked> 爱好3

    城市:
    <select>
        <option value="">北京</option>
        <option value="">上海</option>
        <option value="">广州</option>
        <option value="">深圳</option>
    </select>

    <!-- 文本区域 -->
    <textarea placeholder="请输入内容:"></textarea>

    <!-- form表单 -->
     <form action="">
        用户名：<input type="text">
        <br><br>
        密码：<input type="password">
        <br><br>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">普通按钮</button>
     </form>

     <!-- div自动换行  -->
     <div>这个是div标签</div>
     <div>这个是div标签</div>
     <!-- span不换行 -->
     <span>这个是span标签</span>
     <span>这个是span标签</span>

     <!-- 在代码中敲键盘的空格，网页只识别一个   &nbsp; -->
     乾坤未定，     你我皆是黑&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;马。
</body>
</html>